<template>
  <div class="home-box">
    <div class="menu">
        <Menu/>
    </div>
    <div class="content">
      <Header/>
      <div class="view">
        <router-view/>
      </div>
    </div>
  </div>
</template>

<script>
import Header from '@/components/Header'
import Menu from '@/components/Menu'
export default {
  components: {
    Header,
    Menu
  }
}
</script>

<style lang="scss" scoped>
.home-box {
  width: 100%;
  height: 100%;
  display: flex;
}
.menu {
  width: 320px;
  height: 100%;
  border-right: 1px solid #ccc;
}
.content {
  flex: 1;
}
</style>